<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/31
  Time: 9:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.min.js"></script>
    <script>
        $( function () {
            $.ajax({
                url:'bb',
                dataType:'JSON',
                success:function (result) {
                    console.log('成功了');
                    console.log(result);
                    //方案1：传统模式（手动生成界面）
                    var myHtml = '';
                    $.each( result, function (i,item) {
                        console.log(i + item.id + '   ' +item.name );
                        myHtml = myHtml + '<div>' + item.id + '   ' +item.name +'</div>';
                    } );

                    console.log(myHtml);
                    $('#kk').html( myHtml );
                    //方法2：MVVM模式（没有代码）
                },
                error:function () {
                    console.log('失败了')
                }
            });
        } );
    </script>
</head>
<body>
前端2字
这是添加页面
<div id="kk">loding...</div>
</body>
</html>
